<template>
  <div>
   <TitHead tit='请假'></TitHead>
      <div class="job-event" >所属部门<div  class="icon">请选择</div><van-icon class="next" name="arrow"/></div>
      <div class="job-event mar" >请假类型<div  class="icon">请选择</div><van-icon class="next" name="arrow"/></div>
      <div class="job-event" >开始时间<div  class="icon">请选择</div><van-icon class="next" name="arrow"/></div>
      <div class="job-event mar" >结束时间<div  class="icon">请选择</div><van-icon class="next" name="arrow"/></div>
      <textarea class="job-event li"  >请假理由</textarea>
      <div class="submit">确认提交</div>
  </div>
</template>

<script>
import TitHead from '../../components/TitHead' 
export default {
name:'Leave',
components:{
    TitHead
},
}
</script>

<style scoped lang="less">
.job-event{
        margin-top:20px;
        height:0.9rem;
        line-height:0.9rem;
        font-weight: 600;
        background-color: #fff;
        padding-left:0.2rem;
        box-shadow: 0 0 1px;
        position:relative;
        .next{
            position: absolute;
            right:0.6rem;
            top: 0.3rem;
            color: #ccc;
        }
        .icon{
             position: absolute;
             right:1rem;
             top: 0rem;
             color:#999;
        }
    }
    .mar{
        margin-top: 0;
    }
    .li{
        height: 2rem;
        width: 100%;
        border: none;
        margin: 20px 0 0 0 ;
    }
    .submit{
        position:absolute;
        bottom:0;
        left:0;
        height:1.1rem;
        width:100%;
        background-color:#4e90ff;
        text-align: center;
        line-height: 1.1rem;
        font-weight:600;
        letter-spacing: 1px;
        color:#fff;
    }
</style>